<template>
	<view>
		<view class="re">
			<text style="font-size: 40rpx; color: white;">完成以下认证，即可开展业务!\n</text>
			<text style="font-size: 36rpx; color: white;">快速认证，3-5个工作日内完成审核!</text>
		</view>
		<view style="margin: 15rpx;">
			<view class="bk">
				<view class="mar flex.item">
					<text style="font-size: 30rpx;">营业执照认证\n</text>
					<text style="color: gainsboro; font-size: 24rpx;">上传营业执照</text>
				</view>
				<view class="flex.item"></view>
				<view class="mar flex.item">
					<button size="mini" style="background-color: gainsboro; color: white;" @click="yy()">去认证</button>
				</view>
			</view>
			<view class="bk">
				<view class="mar flex.item">
					<text style="font-size: 30rpx;">法人/代理人认证\n</text>
					<text style="color: gainsboro; font-size: 24rpx;">上传身份证件</text>
				</view>
				<view class="flex.item"></view>
				<view class="mar flex.item">
					<button size="mini" style="background-color: gainsboro; color: white;" @click="fr()">去认证</button>
				</view>
			</view>
			<view class="bk">
				<view class="mar flex.item">
					<text style="font-size: 30rpx;">开户认证\n</text>
					<text style="color: gainsboro; font-size: 24rpx;">上传并传递开户信息</text>
				</view>
				<view class="flex.item"></view>
				<view class="mar flex.item">
					<button size="mini" style="background-color: gainsboro; color: white;" @click="kh()">去认证</button>
				</view>
			</view>
		</view>
		<u-button @click="later"> 稍后认证</u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			yy(){
				uni.navigateTo({
					url:'/pages/Business/Business'
				})
			},
			fr(){
				uni.navigateTo({
					url:'/pages/Person/Person'
				})
			},
			kh(){
				uni.navigateTo({
					url:'/pages/Authentication/Authentication'
				})
			},
			later(){
				uni.switchTab({
					url:'/pages/mycompany/mycompany'
				})
			}
		}
	}
</script>

<style>
	.re{
		background-color: red;
	}
	.bk{
		border: 3rpx solid red;
		box-shadow: 0 0 5px 1px #888;
		display: flex;
		flex-direction: row;
		margin: 30rpx;
	}
	.mar{
		margin: 20rpx;
	}
	.flex.item{
		width: 33.33%;
	}
</style>
